import styled from 'styled-components'
import border from '@a/styled/border'

const ListUl = styled.ul`
    flex:1;
    padding:0.1rem 0.1rem 0;
    overflow-y:scroll;
`

const Listli = styled.li`
    background:#fff;
    border-radius:0.06rem;
    margin-bottom:0.1rem;
    div:first-child{
        padding:0.18rem 0.1rem 0.14rem;
        h3{
            font-weight:normal;
            display:flex;
            align-items:center;
            justify-content:space-between;
            font-size:0.16rem;
            line-height:0.16rem;
            color:#000;
            span:last-child{
                font-size:0.14rem;
                color:#999;
            }
        }
        p{
            margin:0.1rem 0;
            font-size:0.14rem;
            line-height:0.14rem;
            display:flex;
            justify-content:space-between;
            span:last-child{
                color:${ ({zyStatus})=>zyStatus ? '#000' : "#FF9000"};
            }
        }
        h4{
            font-weight:normal;
            font-size:0.14rem;
            line-height:0.14rem;
            em{
                color:#FF9000;
            }
        }
    }
    i{
        color:#333;
    }
`

const Bordiv = border(
    styled.div`
        height:0.46rem;
        font-size:0.16rem;
        color:#308BFE;
        line-height:0.46rem;
        text-align:center;
        border-top:1px solid #ccc;
    `
)

const Uidiv = styled.div`
    height:100%;
    display:flex;
    flex-direction:column;
`

export {
    ListUl,
    Bordiv,
    Listli,
    Uidiv
} 